<!-- 去旅行 -->
<template>

  <div style="background-color:#fff;">
    <global-header-noapp></global-header-noapp>
    <div style="width:1000px;margin:auto;">
      <headerNav></headerNav>
      <search></search>
    </div>
    <div style="width:1000px;margin:auto;display:flex;justify-content: space-between;">
      <sideNav></sideNav>
      <banner></banner>
    </div>

    <right-side></right-side>
    <template v-for="(item,i) in scenicPriceList">
      <scenic-price :data="item" :key="i+'s'"></scenic-price>
    </template>

    <template v-for="(item,i) in themeRecList">
      <theme-rec :key="item.id" :data="item" :index="i"></theme-rec>
    </template>

    <a href="#" style="display:block;margin-bottom:-5px">
      <img
        src="https://css.mafengwo.net/images/sales/ota/banner-alliance3.jpg"
        width="1903px"
        height="198px"
      />
    </a>
    <Footer></Footer>
    <FooterEnd></FooterEnd>
    <back-top></back-top>
  </div>
</template>

<script>
import globalHeaderNoapp from "@/components/GlobalHeader-noapp";


import headerNav from "@/components/GoJourney/headerNav";
import search from "@/components/GoJourney/search";
import sideNav from "@/components/GoJourney/sideNav";
import banner from "@/components/GoJourney/banner";
import ScenicPrice from "@/components/GoJourney/ScenicPrice";
import ThemeRec from "@/components/GoJourney/ThemeRec";
import RightSide from "@/components/GoJourney/RightSide";
import Footer from "@/components/Footer";
import FooterEnd from "@/components/FooterEnd";
import backTop from '@/components/backTop'
import { mapState } from "vuex";

export default {
  data() {
    return {};
  },

  components: {
    globalHeaderNoapp,
    headerNav,
    search,
    sideNav,
    banner,
    ScenicPrice,
    ThemeRec,
    RightSide,
    Footer,
    FooterEnd,
    backTop
  },
  methods: {},
  computed: {
    ...mapState(["themeRecList", "scenicPriceList"])
  },
  mounted() {
    this.$store.dispatch("reqThemeRec");
    this.$store.dispatch("reqScenicPrice");
  }
};
</script>
<style scoped lang="stylus" ref="stylesheet/stylus">
>>>.drop-down-box
  display none !important 
</style>